<?php

class VistaRegistro extends VistaBase {

    function VistaRegistro() {
        
    }

    function dibujar() {
        ?>

        <style type="text/css">


            .form-signin {
                max-width: 1200px;
                padding: 19px 29px 29px;
                margin: 0 auto 20px;
                background-color: #fff;
                border: 1px solid #e5e5e5;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
            }
            .form-signin .form-signin-heading,
            .form-signin .checkbox {
                margin-bottom: 10px;
            }
            .form-signin input[type="text"],
            .form-signin input[type="password"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
                width: 400px;
            }
            label{
                width: 100px;
                font-size: 16px;
                font-weight: bold;
            }

        </style>
        <div class="container" id="forms" title="Iniciar Sesion">
            <form class="form-signin" >
                <? $this->crearHidden("controlador","registrarInsert"); ?>
                <div align="center">                    
                    <br>               
                    <h2 class="form-signin-heading">Llena todos los datos del registro</h2>
                    <br><br>
                    <table>
                        <tr>
                            <td style="padding: 10px">
                                <label>Email </label>                           
                            </td>
                            <td style="padding: 10px">
                                <input type="text" name="email" class="input-block-level" placeholder="Email" maxlength="40">                           
                            </td>

                            <td style="padding: 10px">
                                <label>Nombres</label>                           
                            </td>
                            <td style="padding: 10px">
                                <input type="text" name="nombres" class="input-block-level" placeholder="Nombres" maxlength="40">                           
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 10px">
                                <label>Apellidos </label>                           
                            </td>
                            <td style="padding: 10px">
                                <input type="text" name="apellidos" class="input-block-level" placeholder="Apellidos" maxlength="40">                           
                            </td>

                            <td style="padding: 10px">
                                <label>Cedula </label>                           
                            </td>
                            <td style="padding: 10px">
                                <input type="text" name="cedula" class="input-block-level" placeholder="Cedula" maxlength="12">                           
                            </td>
                        </tr>
                         <tr>
                            <td style="padding: 10px">
                                <label>Password</label>                           
                            </td>
                            <td style="padding: 10px">
                                <input type="password" name="password" class="input-block-level" placeholder="Password" maxlength="10">                           
                            </td>

                            <td style="padding: 10px">
                                <label>Repita el Password </label>                           
                            </td>
                            <td style="padding: 10px">
                                <input type="password" name="repite" class="input-block-level" placeholder="Password Repite" maxlength="10">                         
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 10px">
                                <label>Edad</label>                           
                            </td>
                            <td style="padding: 10px">
                                <input type="text" name="edad" class="input-block-level" placeholder="Edad" style="width: 70px" maxlength="2">                           
                            </td>

                            <td style="padding: 10px">
                                <label>Sexo </label>                           
                            </td>
                            <td style="padding: 10px">
                                <select name="sexo">
                                    <option value="F">Femenino</option>
                                    <option value="M">Masculino</option>
                                </select>                         
                            </td>
                        </tr>
                       
                    </table>    
                    <br>
                    <button class="btn btn-min btn-primary" type="submit">Registrar Nuevo Usuario</button>
                </div>
            </form>
        </div>
        <br/>
        <?php

    }

}
?>
